/*头部导航样式*/
.m_head_box{ height:0.52rem; border-bottom:0.01rem solid #eee; position:fixed; z-index:99; top:0; width:100%; background-color: white;}
.m_head_box .m_index_logo{margin:0 0 0 0.1rem; width:1.59rem;}
.m_head_box .m_index_headbtn{display: inline-block; width:0.3rem; height:0.3rem; margin:0.12rem 0.2rem 0 0;}
.m_head_box .m_index_headbtn svg{ width: 100%; height: 100%; color:#999;}




/*底部导航样式*/
.m_bottom_nav{box-shadow: 0 0 0.04rem 0 rgba(0,0,0,0.20); height:0.54rem; width:100%; position:fixed; bottom:0; z-index:9999; background-color: white;}
.m_bottom_nav .m_bottom_item{ width: 20%; float: left; text-align: center; display: block;color: #D8D8D8;}
.m_bottom_nav .m_bottom_item .bottom_item_icon{ width:0.17rem; height:0.17rem; margin:0.11rem auto 0.02rem auto;}
.m_bottom_nav .m_bottom_item .bottom_item_icon svg{ width: 100%; height: 100%; margin-top: 0;}
.m_bottom_nav .m_bottom_item .b_icon{width:0.19rem; height:0.17rem; margin-top:0.11rem;}
.m_bottom_nav .m_bottom_item .c_icon{ width:0.38rem; height:0.38rem; background-image: linear-gradient(45deg, #2B69C8 0%, #3197F9 100%); border-radius:50%; margin-top:0.08rem;}
.m_bottom_nav .m_bottom_item .c_icon svg{ width:0.18rem; height:0.18rem; margin:0.1rem auto 0 auto; color: white;}
.m_bottom_nav .m_bottom_item .d_icon{width:0.2rem; height:0.18rem;  margin-top:0.11rem; position: relative; }
.m_bottom_nav .m_bottom_item .d_icon .d_dot{ width:0.05rem; height:0.05rem; background: #D83333; border-radius: 50%; position: absolute; top:-0.05rem; right:-0.04rem;}
.m_bottom_nav .m_bottom_item .bottom_item_name{ font-size:0.1rem; color: #666;}











